<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>华为</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="top"></div>
    <div class="first">
      <span></span>
    </div>
    <div class="wapper">
      <a href="">了解更多</a>
    </div>
    <div class="second">推荐信息</div>
    <section class="body">
      <div class="img_a large">
        <div class="mask"></div>
        <div class="intro">
          <h1>迎接未来世界的正确姿势</h1>
          <p>
            人工智能应用于医疗、金融、制造、能源、教育等垂直行业，必将与重大的社会经济变革、教育变革、思想变革、文化变革等同步，成为下一次工业革命的核心驱动力。
          </p>
          <p>了解更多</p>
        </div>
        <img src="./upload/image2.png" alt="gg" />
      </div>
      <div class="img_a medium">
        <div class="mask"></div>
        <div class="intro">
          <h1>迎接未来世界的正确姿势</h1>
          <p>
            人工智能应用于医疗、金融、制造、能源、教育等垂直行业，必将与重大的社会经济变革、教育变革、思想变革、文化变革等同步，成为下一次工业革命的核心驱动力。
          </p>
          <p>了解更多</p>
        </div>
        <img src="./upload/image3.png" alt="" />
      </div>
      <div class="img_a medium">
        <div class="mask"></div>
        <div class="intro">
          <h1>迎接未来世界的正确姿势</h1>
          <p>
            人工智能应用于医疗、金融、制造、能源、教育等垂直行业，必将与重大的社会经济变革、教育变革、思想变革、文化变革等同步，成为下一次工业革命的核心驱动力。
          </p>
          <p>了解更多</p>
        </div>
        <img src="./upload/image4.png" alt="" />
      </div>
      <div class="img_a large">
        <div class="mask"></div>
        <div class="intro">
          <h1>迎接未来世界的正确姿势</h1>
          <p>
            人工智能应用于医疗、金融、制造、能源、教育等垂直行业，必将与重大的社会经济变革、教育变革、思想变革、文化变革等同步，成为下一次工业革命的核心驱动力。
          </p>
          <p>了解更多</p>
        </div>
        <img src="./upload/image5.png" alt="" />
      </div>
      <div class="img_a small">
        <div class="mask"></div>
        <div class="intro">
          <h1>迎接未来世界的正确姿势</h1>
          <p>
            人工智能应用于医疗、金融、制造、能源、教育等垂直行业，必将与重大的社会经济变革、教育变革、思想变革、文化变革等同步，成为下一次工业革命的核心驱动力。
          </p>
          <p>了解更多</p>
        </div>
        <img src="./upload/image6.png" alt="" />
      </div>

      <div class="img_a small">
        <div class="mask"></div>
        <div class="intro">
          <h1>迎接未来世界的正确姿势</h1>
          <p>
            人工智能应用于医疗、金融、制造、能源、教育等垂直行业，必将与重大的社会经济变革、教育变革、思想变革、文化变革等同步，成为下一次工业革命的核心驱动力。
          </p>
          <p>了解更多</p>
        </div>
        <img src="./upload/image7.png" alt="" />
      </div>
      <div class="img_a small">
        <div class="mask"></div>
        <div class="intro">
          <h1>迎接未来世界的正确姿势</h1>
          <p>
            人工智能应用于医疗、金融、制造、能源、教育等垂直行业，必将与重大的社会经济变革、教育变革、思想变革、文化变革等同步，成为下一次工业革命的核心驱动力。
          </p>
          <p>了解更多</p>
        </div>
        <img src="./upload/image8.png" alt="" />
      </div>
    </section>
    <div class="bottom">
      <br />
      <br />
      <br />
      <div id="lianjie">
        <p>首页</p>
        <hr />
        <ul>
          <p>关于华为</p>
          <li><a href="">1</a></li>
          <li><a href="">2</a></li>
          <li><a href="">3</a></li>
          <li><a href="">4</a></li>
          <li><a href="">5</a></li>
          <li><a href="">6</a></li>
        </ul>
        <ul>
          <p>关于华为</p>
          <li><a href="">1</a></li>
          <li><a href="">2</a></li>
          <li><a href="">3</a></li>
          <li><a href="">4</a></li>
          <li><a href="">5</a></li>
          <li><a href="">6</a></li>
        </ul>
        <ul>
          <p>关于华为</p>
          <li><a href="a">1</a></li>
          <li><a href="">2</a></li>
          <li><a href="">3</a></li>
          <li><a href="">4</a></li>
          <li><a href="">5</a></li>
          <li><a href="">6</a></li>
        </ul>
        <ul>
          <p>关于华为</p>
          <li><a href="">1</a></li>
          <li><a href="">2</a></li>
          <li><a href="">3</a></li>
          <li><a href="">4</a></li>
          <li><a href="">5</a></li>
          <li><a href="">6</a></li>
        </ul>
        <div id="cleanboth"></div>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <hr />
      </div>
    </div>
    <div class="last"></div>
  </body>
</html>
